<template>
  <div class="map-box">
    <div class="map-3d" id="container"></div>
  </div>
</template>

<script>
import ZMap3D from "../../Utils/cesium/c3d-map"
export default {
  data() {
    return {
    };
  },
  mounted() {
    this.showMap();
  },
  methods: {
    /**
     * 显示地图数据
     */
    showMap() {
      let zMap3d =new ZMap3D({
        target:"container",
        zoomTool:true
      })
      // 给父组件发送viewer对象
      this.$emit("viewer", zMap3d);
      zMap3d.show3DCoordinates()
    }
  },
};
</script>

<style scoped>
.map-box {
  height: 100%;
  width: 100%;
}
.map-3d {
  height: 100%;
  width: 100%;
} 

</style>
